// 引用样式
import './assets/main.css';

import { createApp } from 'vue';

// 引用仓库
import pinia from './stores';

// 引用 app
import App from './App.vue';
// 引用路由
import router from './router';

// 引用ElementPlus Ui
import ElementPlus from 'element-plus';
import 'element-plus/dist/index.css';
// ElementPlus暗黑模式样式
import 'element-plus/theme-chalk/dark/css-vars.css';
// 自定义默认样式
import '@/styles/default/default.scss';
// 自定义暗黑模式样式
import '@/styles/dark/dark.scss';

/*
//@ts-expect-error
//import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
*/

// 引用自定义组件
import gloalComponent from '@/components/index';

// 引用自定义指令
import setDirectives from './directives/index';

// 引入路由鉴权文件
import './permisstion';

const app = createApp(App);

// 注入element-plus
// app.use(ElementPlus, {
//   locale: zhCn //element-plus国际化配置
// })
// element-plus国际化配置改为由全局组件ElConfigProvider的locale属性配置
app.use(ElementPlus);

// 注入多语言
import('@/plugins/vueI18n').then(module => {
    module.setupI18n(app);
});

// 注入仓库
app.use(pinia);

// 注入路由
app.use(router);

//安装自定义插件
app.use(gloalComponent);

// 注入指定一指令
app.use(setDirectives);

app.mount('#app');
